約 3,831,238 件
https://w.atwiki.jp/suffix/pages/649.html
Firefoxのアドオン作成 アドオンとかGreasemonkeyのjsだとかUserchrome.jsだとか、 はたまたCustom Buttonsを自作するだとか言っても、 Firefox自体の構造が分からなくて断念することはありそうだ。 そこで、Firefoxの構造について知りたいときにどうすれば良いかを記述してみる。 まず、DOM Inspectorなるものを入れてみる。 ソフトでもアドオン(https //addons.mozilla.org/ja/firefox/addon/6622)でも良いだろう。 Firefoxの外観は chrome //browser/content/browser.xul に書かれているので、上を入力しInspectボタンを押すと(アドオンの場合)、 IDを知ることができる。 というわけで、試しにFirefoxでお気に入りボタンを作ってみた。 Customsボタンアドオンをインストールし、Editボタンのコードに toggleSidebar( viewBookmarksSidebar ); と書くだけ。 ツールバーのオンオフも、 var tmp = document.getElementById("ツールバーのID"); tmp.collapsed = !tmp.collapsed; でOK。楽すぎるw Chromeの拡張機能作成 以下の順で作成することができる。 1.フォルダを準備 2.該当フォルダにmanifest.jsonを準備 { "manifest_version" 2, //おまじない "name" "拡張機能の名前", "version" "拡張機能のバージョン(1.0等)", "description" "拡張機能の説明文", "permissions" ["使いたい機能等"], "icons" { "XXX" "アイコン画像.png" }, ■開いているページの挙動を変える場合 "content_scripts" [ { "matches" ["http //適用したいURLを指定"], "css" ["該当URLで実行したいcss"], "js" ["該当URLで実行したいjavascript"], }], ■開いているページとは別にポップアップhtmlを出すような場合 ケース1:ブラウザアクション(ブラウザ全体に作用する拡張機能)を使う "browser_action" { "default_icon" { "XXX" "アイコン画像.png" }, "default_title" "タイトル", "default_popup" "ポップアップ用html" }, ケース2:ページアクション(特定のページのみに作用する拡張機能)を使う "page_action" { "default_icon" { "XXX" "アイコン画像.png" }, "default_title" "タイトル", "default_popup" "ポップアップ用html" }, } 3.該当フォルダにmanifest.jsonに記載したファイル群を格納 4.chrome //extensions/でデベロッパーモードを有効にし、「パッケージ化されていない拡張機能を取り込む」をクリック 5.1で作成したフォルダを指定
https://w.atwiki.jp/sampleisbest/pages/463.html
開発環境 Mozilla Add-on SDK 1.17 実行環境 Windows 8.1 (64bit)
https://w.atwiki.jp/bemanilyrics/pages/468.html
Are you ready to dance through the night? Baby, goin to party Friday night Please show me your magic under the moonlight But, I m surprised that party people laugh at me. I don t know why Do you understand this move? Tonight, everybody is watching me Monkey Dance, Monkey Dance, like a star Shake your body! Dancin all night Monkey Dance Let s spin together on the floor. Yo! baby Monkey Dance, Monkey Dance, like me yeah! Move your body! Dancin all night Monkey Dance Look at them. Get into thee rhythm woo tonight!
https://w.atwiki.jp/kobapan/pages/218.html
古いFirefoxを使っていてうっかりとアドオンを自動更新してしまうと、うまく動かないことがある。 Xmarksの最新版が同期中のまま何もしてくれない状態になったので、バージョンを落としたら無事解決した。 [Xmarks Sync Versions https //addons.mozilla.org/ja/firefox/addon/xmarks-sync/versions/] に古いxpiがあります。 4.2.0 なんか安定してるような気がする
https://w.atwiki.jp/wiki1_misya/pages/11.html
使い方とか @Wikiさんでホームページを作っていて、気付いた事とか使い方とか。そういう事を書いてみます。 ページを編集する人や、Wikiを使ってみようっていう人のお役に立てればいいなぁ~♪ でも、そんなに深い内容は書けないと思います。(苦笑) IEじゃないと綺麗に表示できませんでした。(2005/03/22) 選んだテンプレートが悪かったのかしら?テーブルタグが崩れてしまっているみたいで、FireFoxだと綺麗に表示できませんでした。 Wikiモードで作ると、自動的に整形されちゃうので崩れている所に手を入れれないですし、WORDモードで作成するとHTMLを直接編集できるのである程度綺麗になるのですけれど、コメントとかWikiの機能が使えません。(悩) フォントサイズは中より小さく。(2005/03/22) 使用しているテンプレートの制限もあるのですけれど、フォントサイズは中以下のサイズにしないと左側のメニューが綺麗に表示されません。 CSSファイルをちゃんと修正すれば大丈夫かもしれませんが、まだそこを修正できるほど解ってない~☆ コメントは1ページ1つだけ。(2005/03/22) Wikiモードでページを作ると、コメント入力欄をつけることが出来ます。 でも、1ページに1個までで、2個以上つけると入力されたコメントがみんな同じリストに追加されちゃいます。 コメント失敗例 (サンプルページ) コメント入力できるページを作る時は、ページを分けてあげて、それぞれメニューに追加しなくちゃダメですよ。 名前 コメント
https://w.atwiki.jp/api_programming/pages/93.html
ui/button/action - MDN Add-ons ツールバーにボタンを表示する sdk/ui/button/action sdk/ui/button/toggle ※sdk/widgetは非推奨。今後廃止予定 コンストラクタは ActionButton(options) 必須optionsは id ボタンのID アドオン中で一意に決まること label ツールチップ出てくる文字列(人が読める) icon icon画像の位置 URL指定もできるし、dataフォルダからの相対パス指定もできる main.js内で var buttons = require( sdk/ui/button/action ); ... var button = buttons.ActionButton({ id "mozilla-link", label "Visit Mozilla", icon { "16" "./icon-16.png", "32" "./icon-32.png", "64" "./icon-64.png" }, onClick ... }); ボタンにバッジを付ける プロパティに badge を加える。 var button = buttons.ActionButton({ badge 0 数字じゃなくて、文字列でもできた。 切り替えるときは button.badge = 100 とか。 https //developer.mozilla.org/en-US/Add-ons/SDK/High-Level_APIs/tabs 新しいタブを開く var tabs = require("sdk/tabs"); tabs.open("http //www.example.com"); タブの変化を検知する(Track Tabs) open/close/finish loading DOM content/active/inactiveの情報がくる タブは、関数の引数で飛んでくる タブが開かれたことを検知する tabs.on( open , function onOpen(tab) {...}); タブの内容がロードされたことを検知する tabs.on( ready , function(tab) {console.log( tab is loaded , tab.title, tab.url);});
https://w.atwiki.jp/thaikoku/pages/83.html
#blognavi ■ブラウザ何使ってます? ■少し前まで、Firefoxを使っていた。タブブラウザがとっても便利であるからだ。これにはまったらIEなんてタブ機能のないやつなんてつかえないね。 ■そうと、オペラもタブブラウザ。以前は無料版には、広告が表示されていたのだけど、それが取り除かれた。 で、試しに利用してみる。 ■速いッ!!これは感激。そしてノート利用者の僕にとって便利なのは、ページの表示倍率が簡単に出来ること。Firefox、IEは、単に文字の大きさを変更出来るだけだけだけど、オペラはページそのものの大きさを調整出来るんだ。最近明らかに17インチを基準に作られたページがあるしね。 カテゴリ [雑感] - trackback- 2005年10月08日 23 33 27 #blognavi
https://w.atwiki.jp/fr24/pages/16.html
PC版 STEP1 Flightradar24にアクセスしよう まずはhttp //www.flightradar24.com/にアクセスしましょう。 正常に表示するためにはGoogle ChromeやFirefoxなどのブラウザを利用を利用する方がよいでしょう。(古いバージョンのInternet Explorerでは正常に動きません) STEP2 飛行機を追ってみよう 地図を好きなところに移動して、適当に飛行機をクリックしてみましょう。 すると左側に選択した飛行機の詳細情報が表示されます。 STEP3 飛行機を検索してみよう スマホ版
https://w.atwiki.jp/epiphany/pages/16.html
ネットブック向けカスタマイズ。 メニューバーの表示からステータスバーをかくす メニューバーをかくす ツールバーをかくす 常時フルスクリーンモードにする Epiphanyは他のブラウザよりも軽快なのでネットブックやULMPC向けといえるが、Firefoxなどのようなテーマ機能がないので、アイコンの小さいテーマにすることは難しい。 画面の上下が狭いネットブックのそうした要件を満たすためのカスタマイズ。 メニューバーの表示から ステータスバーをかくす この場合リンク先情報分からなくなる。これを避けるために、あれこれポップアップのgreasemonkey版を利用する。 メニューバーをかくす F10で切り替えができる。勇者はgconf-editorでlockdownさせる手もある。 ツールバーをかくす ツールバーにフォーカスがいくショートカットキー、例えばCtrl+lで表示させることができる。 常時フルスクリーンモードにする gconf-editorでlockdown
https://w.atwiki.jp/m_shige1979/pages/1562.html
パッケージ型 概要 パッケージ型の簡単な作成方法 パッケージ型について ZIPファイルなどの形式で固めたものをインストールする方式 手順 ディレクトリを準備 パッケージ型には最低index.htmlとマニフェストファイルを準備する index.html !DOCTYPE html html head meta charset="utf-8" title はじめてのFirefoxOSアプリ /title /head body h1 はじめてのFirefoxOSアプリ /h1 p テストアプリのテストです。 /p /body /html manifest.webapp { "name" "サンプル1", "description" "はじめてのFirefox OSアプリ", "launch_path" "/index.html", "icons" { "16" "/images/icon-16.png", "48" "/images/icon-48.png", "128" "/images/icon-128.png", "256" "/images/icon-256.png" }, "developer" { "name" "Shigeharu Matsumoto", "url" "http //www29.atwiki.jp/m_shige1979/pages/1.html" }, "default_locale" "ja" } あとはなんかアイコン用の画像ファイルなどを用意してディレクトリに準備 Firefoxでシミュレータの画面を起動し、「Add Directory」を指定 マニフェストファイルを選択する 登録完了 シミュレータで起動